<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";



/* CSS Document */



#main{width:100%;overflow:hidden;position:relative;z-index:991;}







.iosSliderDemo {



	clear: both;



	width: 100%;



	/* padding: 0 0 30% 0; */



	padding: 0 0 430px;



	position: relative;



}



.fluidHeight {



	position: absolute;



	width: 100%;



	height:430px;



}



.sliderContainer {



	height: 100%;



	max-height:430px;



	padding: 0 0;



}



.iosSlider {



	position: relative;



	top: 0;



	left: 0;



	overflow: hidden;



	width: 100%;



	height: 100%;



}



.iosSlider .slider {



	width: 100%;



	height: 100%;



}



.iosSlider .slider .item {



/* PKU	width: 1200px; */



	width: 100%;



   max-width:1200px;



	height: 100%;



	padding: 0 0 0 0;



	text-align: center;



}



.iosSlider .slider .item .inner {



	position: relative;



	top: 0;



	left: 0;



	width:100%;



	margin: 0 auto;



	height: 100%;



	box-shadow: 0 0 10px -5px #000;



	background-position: 50% 0;



	background-repeat: no-repeat;



}



.iosSlider .slider .item .inner img {



	position: relative;



	top: 0;



	left: 0;



	width: 100%;



	margin: 0 auto;



}



.iosSlider .slider .item .inner .selectorShadow {



	position: absolute;



	left: 0;



	bottom: 0;



	/*background: url(../images/banner_bs.png) repeat ;*/



	width: 120px;



	height: 30px;



}



.iosSlider .slider .item .inner .text1-bg{



	opacity: 0;



	filter: alpha(opacity=0);







   background: none repeat scroll 0 0 #000000;



	position: absolute;







	bottom: 12%;



	padding: 0 12px 0 12px;



	height:50px;



	text-align: left;



}



.iosSlider .slider .item .inner .text1{



	opacity: 0;



	filter: alpha(opacity=0);







	position: absolute;







	bottom: 12%;



	padding: 0 12px 0 12px;



	height:50px;



	text-align: left;



}



.iosSlider .slider .item .inner .text1 span {



	color: #fff;



	font-size:24px;



	font-weight: normal;



	line-height:50px;



	padding: 0 8px;



	font-family:"Microsoft Yahei";



}



.iosSlider .slider .item .inner .text1 span i {



	margin: 0 0 0 5px;



}



.iosSlider .slider .item .inner .text2 {



	background: none repeat scroll 0 0 #000000;



	opacity: 0;



	filter: alpha(opacity=0);



	padding: 10px 12px 10px;



	position: absolute;



	left: 100px;



/* PKU	top: 301px; */



	top: 451px;



	text-align: left;



}



.iosSlider .slider .item .inner .text2 span {



	display: block;



	color: #fff;



	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;



	font-size:14px;



	line-height:1.5;



	font-weight: 100;



	padding: 0 8px;



	font-family:"Microsoft Yahei"



}



.iosSlider .slider .item .inner .more{



/*	opacity: 0.3;  zb */



	opacity: 0.4;



	background: none repeat scroll 0 0 #fff;



	position: absolute;



	bottom: 6%;



   	right:0;



/*	padding: 0 5px; zb */



	padding: 0 5px 0 2px;



	height:25px;



   	width:55px;



   	z-index:2;



	text-align: center;



}



.iosSlider .slider .item .inner .more a {



	color: #000;



   text-decoration:none;



	font-size:14px;



	line-height:25px;



	font-family:"微软雅黑"



}



.sliderContainer .slideSelectors {



	    margin: 0 auto;



    z-index: 1;



    position: absolute;



    width: 100%;







}



.sliderContainer .slideSelectors .prev {



	float: left;



	width: 11px;



	height: 11px;



	background: url(../images//arrow_left.png) no-repeat 50% 0;



}



.sliderContainer .slideSelectors .next {



	float: left;



	width: 11px;



	height: 11px;



	margin: 0 0 0 10px;



	background: url(../images/arrow_right.png) no-repeat 50% 0;



}



.sliderContainer .slideSelectors .item {



	float: left;



	width: 9px;



	height: 9px;



	background: #fff;



	margin: 1px 1px 1px 11px;



	border:1px solid #fff;



	 /*opacity: 0.25; */



	/*filter: alpha(opacity=25);*/



	border-radius: 50%;



}



.sliderContainer .slideSelectors .item.first {



	margin-left: 1px;



}



.sliderContainer .slideSelectors .selected {



	width: 11px;



	height: 11px;



	margin: 0 0 0 10px;



	background: #8c0000;



	border:1px solid #8c0000;



	opacity: 1;



	filter: alpha(opacity=100);



	box-shadow: none;



}



.sliderContainer .slideSelectors .selected.first {



	margin-left: 0;



}



.sliderContainer .scrollbarContainer {



	position: relative;



	bottom: 4px;



	left: 0;



/* PKU



	width: 1024px;



*/



	height: 4px;



	margin: 0 auto;



	z-index: 1;



}



.mask{ width:1200px; margin:0px auto; position:relative; z-index:3;}







.sliderContainer .scrollbarContainer {



	position: relative;



	bottom: 4px;



	left: 0;



	height: 4px;



	margin: 0 auto;



	z-index: 1;



}







.slideSelectors .slideSelectors_pn{



	position: absolute;



    left: 50%;



    bottom: 10px;



    margin-left: -20px;







}



.slideSelectors .mask-right, .slideSelectors .mask-left {



    background: #fff none repeat scroll 0 0;



    opacity: 0.5;



	filter:alpha(opacity=50); 



	-moz-opacity:0.5; 



    overflow: hidden;



    z-index: 4;



	height: 430px;



	position: absolute;



	width:1047px;



	top:-430px;



}



.slideSelectors .mask-left {



	margin-left:-1648px;



    left:50%;



}



.slideSelectors .mask-right {



	margin-left:599px;



    left:50%;



}



/*banner结束*/







.content{width:100%;overflow:hidden;margin:0px auto;background:#f1f1f1;padding-bottom: 20px;}











.mode01{max-width: 1200px;margin:30px auto;overflow: hidden;}



.mode01 .lf{float: left;width: 49%;overflow: hidden;}



.mode01 .rt{float: right;width: 49%;overflow: hidden;}



.articleList{background:#fff;padding:20px}



.articleTitle {overflow: hidden;border-bottom: 1px solid #e3e3e3;padding-bottom: 6px;margin-bottom: 30px;}



.articleTitle a.more{float: right;color:#999999;font-size: 14px;}



.articleTitle a.more:hover{color:#00479d;}



.articleTitle h2{font-size: 18px;font-weight: normal;}



















.jituanbg{position: relative}







/*学术报告*/



.scholarsList{overflow: hidden;padding: 0}



.scholarsList li{border-bottom: 1px dashed #ccc;padding-bottom: 10px;margin-bottom: 15px;}



.scholarsList li a{display: block;}



.scholars01{overflow: hidden;}



.scholars01 .dateLeft{float: left;width: 66px;height: 70px;text-align: center;}



.scholars01 .dateLeft i{display: block;background: #00479d;height: 34px;line-height: 34px;color:#fff;font-style: normal;font-size: 24px;font-family: 'Arial';}



.scholars01 .dateLeft strong{display: block;border:1px solid #c09f80;height: 34px;line-height: 34px;color:#c09f80;font-style: normal;font-size: 16px;font-family: 'Arial';}



.scholars01 .scholars_info{margin-left: 80px;}



.scholars01 .scholars_info h3{margin-bottom: 8px;font-size: 14px;height: auto;overflow: hidden;line-height: 19px;letter-spacing: 0.5px;}



.scholars01 .scholars_info p{color:#999999;font-size: 14px;margin-bottom: 5px;height: 19px;line-height: 19px;overflow: hidden;}



.scholars01 .scholars_info p.time,.scholars01 .scholars_info p.person{font-size: 12px;padding-left: 15px;}



.scholarsList li a:hover .scholars01 .scholars_info h3{color:#00479d;}



.scholars01 .scholars_info p.time{background: url(../images/time.png) no-repeat center left;}



.scholars01 .scholars_info p.person{background: url(../images/person.png) no-repeat center left;}











/*切换*/



.tabArticleList01{width:100%;overflow:hidden;position: relative;}



.tabMenu01{width:100%;overflow:hidden;margin:0 0 15px 0;position: relative;border-bottom: 1px solid #e3e3e3;padding-bottom: 10px;position: relative;padding-left: 0}







.tabMenu01 li{height:20px;line-height:23px;text-align: center;font-size:18px;border-right:2px solid #999;float:left;margin-right: 20px;padding-right: 20px;margin-bottom: 3px;}



.tabMenu01 li:last-child{border-right:none;}



.tabMenu01 li a.more{color:#999999;position: absolute;top:0;right: 0;font-size: 14px;}



.tabMenu01 li a.more:hover{color:#00479d;}



.tabMenu01 li h3 a{color:#999999;font-weight: normal;}



.tabMenu01 li.active h3 a,.tabMenu01 li:hover h3 a{color:#333;cursor: pointer;}



.tabList01{width:100%;overflow:hidden;min-height: 360px;background: #f9f9f9}



.tabList01 dd{display: none;}







.tabList01 dd ul{overflow: hidden;padding: 0}



.tabList01 dd ul li{background: url(../images/li-bg.png) no-repeat left center;font-size: 15px;



   



    line-height: 38px;



    overflow: hidden;margin-left: 5px}







.tabList01 dd ul li a{display:block;padding:8px 12px;overflow: hidden}



.tabList01 dd ul li a span{display: block;color:#00479d;margin-bottom: 5px;font-size: 12px;float: right}



.tabList01 dd ul li a p{font-size: 14px;height: 20px;overflow: hidden;line-height: 20px;float: left;padding-left: 15px}



.tabList01 dd ul li a:hover p{color:#00479d;}







.moreBox{overflow: hidden;position: absolute;top:0;right: 0;z-index:3;}



.moreBox a{display: none;color:#999999;font-size: 14px;}



.moreBox a:hover{color:#00479d;cursor: pointer;}



.moreBox a.active{display: block;}











.mode02{max-width: 1200px;margin: 0 auto ;overflow: hidden;}



.mode02 .lf{float: left;width: 49%;overflow: hidden;}



.mode02 .rt{float: right;width: 49%;overflow: hidden;}



















/*学术会议*/



.AcademicList{overflow: hidden;padding: 0}



.AcademicList li{margin-bottom: 19px;border-bottom: 1px dashed #ccc;padding-bottom: 15px;}



.AcademicList li .dateLeft{float: left;width: 78px;height: 24px;line-height: 24px;font-size: 12px;text-align: center;font-family: 'Arial';}



.AcademicList li .dateLeft i{float: left;width: 26px;font-style: normal;color:#fff;background: #00479d;font-weight: bold;}



.AcademicList li .dateLeft strong{float: left;width: 50px;border:1px solid #c3c3c5;height: 22px;line-height: 22px;color:#00479d;border-left: none; }



.AcademicList li a{display: block;margin-left: 90px;*display: inline;*margin-left: 0; font-size: 14px;overflow: hidden;height: 20px;}





.jiaoyubox li a{margin-left:10px }





.news_video{ overflow: hidden; background: #f2f2f2; }



.news_video video {width: 460px;height: 170px;display: block;float:left;}



.news_video h3{ margin-left: 320px; font-size: 14px; line-height: 24px; padding: 15px 15px 15px 0; display: block; height: 133px; overflow: hidden;}















.rapidList{overflow: hidden;margin-top:30px;}



.rapidList li{margin-bottom: 25px;}



.rapidList li .iconBox{display: block;height: 62px;background: url(../images/re_bg.png) no-repeat center right;}



.rapidList li .iconBox .icon{display: table-cell; float: left;height: 62px;width: 80px;text-align: center;line-height: 62px;background: #00479d;}



.rapidList li .iconBox .icon img{vertical-align: middle;*padding-top:10px;}







.rapidList li .iconBox h3{float: left;margin-left: 30px;font-size: 20px;font-weight: normal;line-height: 62px;}







.iconA{float: left;margin-left: 30px;line-height: 60px;}



.iconA a{padding:3px 15px;border-radius: 15px;background: #ededed;margin-right: 20px;font-size: 14px;}



.iconA a:hover{background: #c09f80;color:#fff;}







@media screen  and (max-width:1200px) {



	.sliderContainer{max-height: auto;}



	.content{width:100%;}



	.mode01,.mode02{width:92%;}



	







}



@media screen and (max-width:1000px){



	.rapidList li .iconBox h3{margin-left: 18px;}



	.iconA{margin-left: 16px;}



	.iconA a{margin-right: 10px;}



	.iconA a:last-child{margin-right: 0;}



}







@media screen and (max-width:900px){



	



}







@media screen and (max-width: 800px) {



	



	.mode01 .lf{width: 100%; float: none;margin-bottom: 20px;}



	.mode01 .rt{width: 100%;float: none;}



	.mode02 .lf{width: 100%; float: none;margin-bottom: 20px;}



	.mode02 .rt{width: 100%;float: none;}



	.scholars01 .scholars_info h3{height: auto;}



	.scholars01 .scholars_info p{height: auto;}



	.tabList01 dd ul li a p{height: auto;}







	.rapidList li .iconBox{background-size: 100% 100%;}



	.AcademicList li a{height: auto;}



	.rapidList li .iconBox h3{font-size: 16px;}



	



	.tabMenu01 li{font-size: 14px;padding: 0 5px;margin: 0}



	



	.tabMenu01 li{border-right: 1px solid #999}



	



}







@media screen  and (max-width:640px) {



	



	







}







@media screen and (max-width:480px){



	.news_video video{ float: none; margin: 0 auto; }



	 .news_video h3{ margin: 0; padding: 10px; height: auto; }



	.scholars01 .dateLeft{width: 52px;}



	.scholars01 .scholars_info{margin-left: 65px;}



}











@media screen /*and (min-width:320px)*/ and (max-width:360px) {



	



}



</pre></body></html>